<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8" isELIgnored="false"%>
<%@ include file="/WEB-INF/views/shared/taglib.jsp"%>
<style type="text/css">
</style>
<!-- Collapsible lists -->
<div class="row" style="margin-top: 15px">
	<div class="col-ld-6 col-md-12">
		<!-- Collapsible list -->
		<div class="panel panel-flat">
			<div class="panel-heading">
				<h5 class="panel-title">论文著作</h5>
			</div>
			<c:forEach var="achievement" items="${achievements}"
				varStatus="status">
				<c:if test="${achievement.type=='论文著作'}">
					<ul class="media-list media-list-linked">
						<li class="media">
							<div class="media-link cursor-pointer panel-achievement" data-toggle="collapse" data-target="#paper${achievement.id}"
								data-id="${achievement.id}">
								<div class="media-left">
									<img src="<c:url value='/plugins/limitless/default/images/placeholder.jpg'/>" class="img-circle" alt="">
								</div>
								<div class="media-body">
									<div class="media-heading text-semibold">${achievement.achievementName}</div>
									<span class="text-semibold">${achievement.authors}</span></br> 
									<span class="text-muted">${achievement.comments}</span>
								</div>
								<div class="media-right media-middle text-nowrap">
									<i class="icon-menu7 display-block"></i>
								</div>
							</div>
							<div class="collapse" id="paper${achievement.id}">
								<div class="contact-details">
									<ul class="list-extended list-unstyled list-icons">
										<li><i class="icon-notebook position-left"></i>${achievement.theGroupName}</li>
										<li><i class="icon-library2 position-left"></i>${achievement.publishName}</li>
										<li><i class="icon-calendar position-left"></i> <fmt:formatDate value="${achievement.publishDate}" pattern="yyyy-MM-dd " /></li>
										<li><i class="icon-fire position-left"></i>${achievement.state}</li>
									</ul>
								</div>
							</div>
						</li>
					</ul>
				</c:if>
			</c:forEach>
		</div>
	</div>


	<div class="col-ld-6 col-md-12">
		<!-- Collapsible list -->
		<div class="panel panel-flat">
			<div class="panel-heading">
				<h5 class="panel-title">期刊论文</h5>
			</div>
			<c:forEach var="achievement" items="${achievements}"
				varStatus="status">
				<c:if test="${achievement.type=='期刊论文'}">
					<ul class="media-list media-list-linked">
						<li class="media">
							<div class="media-link cursor-pointer panel-achievement"
								data-toggle="collapse"
								data-target="#periodical${achievement.id}"
								data-id="${achievement.id}">
								<div class="media-left">
									<img
										src="<c:url value='/plugins/limitless/default/images/placeholder.jpg'/>"
										class="img-circle" alt="">
								</div>
								<div class="media-body">
									<div class="media-heading text-semibold">${achievement.achievementName}</div>
									<span class="text-semibold">${achievement.authors}</span></br> <span
										class="text-muted">${achievement.comments}</span>
								</div>
								<div class="media-right media-middle text-nowrap">
									<i class="icon-menu7 display-block"></i>
								</div>
							</div>
							<div class="collapse" id="periodical${achievement.id}">
								<div class="contact-details">
									<ul class="list-extended list-unstyled list-icons">
										<li><i class="icon-notebook position-left"></i>${achievement.theGroupName}</li>
										<li><i class="icon-library2 position-left"></i>
											${achievement.publishName}</li>
										<li><i class="icon-calendar position-left"></i> <fmt:formatDate
												value="${achievement.publishDate}" pattern="yyyy-MM-dd " /></li>
										<li><i class="icon-fire position-left"></i>${achievement.state}</li>
									</ul>
								</div>
							</div>
						</li>
					</ul>
				</c:if>
			</c:forEach>
		</div>
	</div>


	<div class="col-ld-6 col-md-12">
		<!-- Collapsible list -->
		<div class="panel panel-flat">
			<div class="panel-heading">
				<h5 class="panel-title">专利证书</h5>
			</div>
			<c:forEach var="achievement" items="${achievements}"
				varStatus="status">
				<c:if test="${achievement.type=='专利证书'}">
					<ul class="media-list media-list-linked">
						<li class="media">
							<div class="media-link cursor-pointer panel-achievement"
								data-toggle="collapse" data-target="#patent${achievement.id}"
								data-id="${achievement.id}">
								<div class="media-left">
									<img
										src="<c:url value='/plugins/limitless/default/images/placeholder.jpg'/>"
										class="img-circle" alt="">
								</div>
								<div class="media-body">
									<div class="media-heading text-semibold">${achievement.achievementName}</div>
									<span class="text-semibold">${achievement.authors}</span></br> <span
										class="text-muted">${achievement.comments}</span>
								</div>
								<div class="media-right media-middle text-nowrap">
									<i class="icon-menu7 display-block"></i>
								</div>
							</div>
							<div class="collapse" id="patent${achievement.id}">
								<div class="contact-details">
									<ul class="list-extended list-unstyled list-icons">
										<li><i class="icon-notebook position-left"></i>${achievement.theGroupName}</li>
										<li><i class="icon-library2 position-left"></i>
											${achievement.publishName}</li>
										<li><i class="icon-calendar position-left"></i> <fmt:formatDate
												value="${achievement.publishDate}" pattern="yyyy-MM-dd " /></li>
										<li><i class="icon-fire position-left"></i>${achievement.state}</li>
									</ul>
								</div>
							</div>
						</li>
					</ul>
				</c:if>
			</c:forEach>
		</div>
	</div>


	<div class="col-ld-6 col-md-12">
		<!-- Collapsible list -->
		<div class="panel panel-flat">
			<div class="panel-heading">
				<h5 class="panel-title">项目奖励</h5>
			</div>
			<c:forEach var="achievement" items="${achievements}"
				varStatus="status">
				<c:if test="${achievement.type=='项目奖励'}">
					<ul class="media-list media-list-linked">
						<li class="media">
							<div class="media-link cursor-pointer panel-achievement"
								data-toggle="collapse" data-target="#reward${achievement.id}"
								data-id="${achievement.id}">
								<div class="media-left">
									<img
										src="<c:url value='/plugins/limitless/default/images/placeholder.jpg'/>"
										class="img-circle" alt="">
								</div>
								<div class="media-body">
									<div class="media-heading text-semibold">${achievement.achievementName}</div>
									<span class="text-semibold">${achievement.authors}</span></br> <span
										class="text-muted">${achievement.comments}</span>
								</div>
								<div class="media-right media-middle text-nowrap">
									<i class="icon-menu7 display-block"></i>
								</div>
							</div>
							<div class="collapse" id="reward${achievement.id}">
								<div class="contact-details">
									<ul class="list-extended list-unstyled list-icons">
										<li><i class="icon-notebook position-left"></i>${achievement.theGroupName}</li>
										<li><i class="icon-library2 position-left"></i>
											${achievement.publishName}</li>
										<li><i class="icon-calendar position-left"></i> <fmt:formatDate
												value="${achievement.publishDate}" pattern="yyyy-MM-dd " /></li>
										<li><i class="icon-fire position-left"></i>${achievement.state}</li>
									</ul>
								</div>
							</div>
						</li>
					</ul>
				</c:if>
			</c:forEach>
		</div>
	</div>


	<div class="col-ld-6 col-md-12">
		<!-- Collapsible list -->
		<div class="panel panel-flat">
			<div class="panel-heading">
				<h5 class="panel-title">软件版权</h5>
			</div>
			<c:forEach var="achievement" items="${achievements}"
				varStatus="status">
				<c:if test="${achievement.type=='软件版权'}">
					<ul class="media-list media-list-linked">
						<li class="media">
							<div class="media-link cursor-pointer panel-achievement"
								data-toggle="collapse" data-target="#copyright${achievement.id}"
								data-id="${achievement.id}">
								<div class="media-left">
									<img
										src="<c:url value='/plugins/limitless/default/images/placeholder.jpg'/>"
										class="img-circle" alt="">
								</div>
								<div class="media-body">
									<div class="media-heading text-semibold">${achievement.achievementName}</div>
									<span class="text-semibold">${achievement.authors}</span></br> <span
										class="text-muted">${achievement.comments}</span>
								</div>
								<div class="media-right media-middle text-nowrap">
									<i class="icon-menu7 display-block"></i>
								</div>
							</div>
							<div class="collapse" id="copyright${achievement.id}">
								<div class="contact-details">
									<ul class="list-extended list-unstyled list-icons">
										<li><i class="icon-notebook position-left"></i>${achievement.theGroupName}</li>
										<li><i class="icon-library2 position-left"></i>
											${achievement.publishName}</li>
										<li><i class="icon-calendar position-left"></i> <fmt:formatDate
												value="${achievement.publishDate}" pattern="yyyy-MM-dd " /></li>
										<li><i class="icon-fire position-left"></i>${achievement.state}</li>
									</ul>
								</div>
							</div>
						</li>
					</ul>
				</c:if>
			</c:forEach>
		</div>
	</div>


	<div class="col-ld-6 col-md-12">
		<!-- Collapsible list -->
		<div class="panel panel-flat">
			<div class="panel-heading">
				<h5 class="panel-title">成果鉴定</h5>
			</div>
			<c:forEach var="achievement" items="${achievements}"
				varStatus="status">
				<c:if test="${achievement.type=='成果鉴定'}">
					<ul class="media-list media-list-linked">
						<li class="media">
							<div class="media-link cursor-pointer panel-achievement"
								data-toggle="collapse" data-target="#appraisal${achievement.id}"
								data-id="${achievement.id}">
								<div class="media-left">
									<img
										src="<c:url value='/plugins/limitless/default/images/placeholder.jpg'/>"
										class="img-circle" alt="">
								</div>
								<div class="media-body">
									<div class="media-heading text-semibold">${achievement.achievementName}</div>
									<span class="text-semibold">${achievement.authors}</span></br> <span
										class="text-muted">${achievement.comments}</span>
								</div>
								<div class="media-right media-middle text-nowrap">
									<i class="icon-menu7 display-block"></i>
								</div>
							</div>
							<div class="collapse" id="appraisal${achievement.id}">
								<div class="contact-details">
									<ul class="list-extended list-unstyled list-icons">
										<li><i class="icon-notebook position-left"></i>${achievement.theGroupName}</li>
										<li><i class="icon-library2 position-left"></i>
											${achievement.publishName}</li>
										<li><i class="icon-calendar position-left"></i> <fmt:formatDate
												value="${achievement.publishDate}" pattern="yyyy-MM-dd " /></li>
										<li><i class="icon-fire position-left"></i>${achievement.state}</li>
									</ul>
								</div>
							</div>
						</li>
					</ul>
				</c:if>
			</c:forEach>
		</div>
	</div>
</div>